<template>
  <div id="cms">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="Banner管理" name="first">
        <div class="search_box">
          <div class="search_input">
            <el-select v-model="modelid" :placeholder="$t('battery.model')">
              <el-option v-for="item in model" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-select v-model="portid" :placeholder="$t('battery.port')">
              <el-option v-for="item in port" :key="item.id" :label="item.label" :value="item.id" />
            </el-select>
            <el-select v-model="statusid" :placeholder="$t('battery.status')">
              <el-option v-for="item in status" :key="item.id" :label="item.label" :value="item.id" />
            </el-select>
          </div>
          <div class="search_btn">
            <el-button type="primary" icon="el-icon-search">{{ $t('ele.btn_search') }}</el-button>
            <el-button icon="el-icon-refresh-right">{{ $t('ele.btn_reset') }}</el-button>
          </div>
        </div>
        <el-table>
          <el-table-column prop="serial" :label="$t('battery.serial')" align="center" />
          <el-table-column prop="serial" :label="$t('battery.serial')" align="center" />
          <el-table-column prop="serial" :label="$t('battery.serial')" align="center" />
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="新闻发布管理" name="second">新闻发布管理</el-tab-pane>
      <el-tab-pane label="app信息管理" name="third">app信息管理</el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {}
}
</script>
<style lang='scss' scoped></style>
